<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>“宣传工作方案”审批单</title>
		<link rel="stylesheet" href="../../vendor/bootstrap-3.3.7/css/bootstrap.min.css" />
		<link rel="stylesheet" href="../../css/public.css" />
		<link rel="stylesheet" href="../../vendor/jquery.my-message/css/jquery.my-message.1.1.css" />
		<link rel="stylesheet" href="../../css/approveProject.css" />
	</head>

	<body>
		<div class="container-fluid setWidth approve-project">
			<div class="form-table">
				<div class="ft-top">
					<h3 class="text-center">工作方案审批</h3>
					<p class="ft-t-state">
						状态&nbsp;:&nbsp;草稿
					</p>
				</div>
				<table class="table table-bordered">
					<tbody>
						<tr>
							<td>拟稿部门</td>
							<td></td>
							<td>拟稿时间</td>
							<td></td>
						</tr>
						<tr>
							<td>拟稿人</td>
							<td></td>
							<td>联系电话</td>
							<td></td>
						</tr>
						<tr>
							<td><span class="font-red">*</span>标题</td>
							<td colspan="3"></td>
						</tr>
						<tr>
							<td><span class="font-red">*</span>方案类别</td>
							<td></td>
							<td></td>
							<td></td>
						</tr>
						<tr>
							<td><span class="font-red">*</span>负责人</td>
							<td></td>
							<td><span class="font-red">*</span>成员</td>
							<td></td>
						</tr>
						<tr>
							<td><span class="font-red">*</span>预算（元）</td>
							<td></td>
							<td><span class="font-red">*</span>实际费用（元）</td>
							<td></td>
						</tr>
						<tr>
							<td><span class="font-red">*</span>执行时间</td>
							<td colspan="3" class="form-inline"></td>
						</tr>
					</tbody>
				</table>
				<div class="data-table mid-table tab-table">
					<div class="mt-title">
						<ul class="nav nav-tabs" role="tablist">
							<li role="presentation" class="active">
								<a href="#main-body" aria-controls="main-body" role="tab" data-toggle="tab">正文</a>
							</li>
							<li role="presentation">
								<a href="#project" aria-controls="project" role="tab" data-toggle="tab">项目</a>
							</li>
							<li role="presentation">
								<a href="#effect-analysis" aria-controls="project" role="tab" data-toggle="tab">效果分析</a>
							</li>
						</ul>
					</div>
					<div class="tab-content">
						<div role="tabpanel" class="tab-pane active" id="main-body">
							<script id="editor" type="text/plain" style="width:100%;height:300px;"></script>
						</div>
						<div role="tabpanel" class="tab-pane" id="project">
							<table class="table table-bordered">
								<thead>
									<tr>
										<th>No.</th>
										<th>事物类型 </th>
										<th>内容及要求</th>
										<th>负责人</th>
										<th>要求完成时间</th>
										<th>最新填报时间</th>
										<th>当前完成进度</th>
										<th>操作</th>
									</tr>
								</thead>
								<tbody>
									<tr>
										<td>1</td>
										<td>
											<a href="javascript:;">主办单位、协办单位、志愿者、活动...</a>
										</td>
										<td></td>
										<td></td>
										<td></td>
										<td></td>
										<td></td>
										<td>
											<button class="btn btn-default btn-sm btn-fill">填报</button>
										</td>
									</tr>
								</tbody>
							</table>
						</div>
						<div role="tabpanel" class="tab-pane" id="effect-analysis">
							<div class="tab-form-table">
								<table class="table table-bordered">
									<tbody>
										<tr>
											<td>
												<span class="font-red">*</span> 活动实际举办时间
											</td>
											<td>
												<input type="text" class="form-control input-sm" />
											</td>
											<td>
												<span class="font-red">*</span> 活动实际举办地点
											</td>
											<td>
												<input type="text" class="form-control input-sm" />
											</td>
										</tr>
										<tr>
											<td>活动实际规模</td>
											<td>
												<input type="text" class="form-control input-sm" />
											</td>
											<td>活动效果</td>
											<td>
												<select name="" class="form-control input-sm">
													<option value="">很好</option>
												</select>
											</td>
										</tr>
										<tr>
											<td>参加单位或人员</td>
											<td colspan="3">
												<textarea rows="3" class="form-control"></textarea>
											</td>
										</tr>
										<tr>
											<td>活动效果分析与评估</td>
											<td colspan="3">
												<script id="editor2" type="text/plain" style="width:100%;height:150px;"></script>
											</td>
										</tr>
									</tbody>
								</table>

							</div>
						</div>
					</div>
				</div>
				<table id="tab-table1" class="table table-bordered">
					<tbody>
						<tr>
							<td>备注</td>
							<td colspan="3">
								<textarea class="form-control" rows="3"></textarea>
							</td>
						</tr>
						<tr>
							<td>附件</td>
							<td colspan="3">
								<div class="upload-file">
									<div class="uf-button">
										<button id="uf-btn-upload" class="btn btn-default"><span class="glyphicon glyphicon-plus"></span>添加</button>
										<form id="uf-form" method="post" action="/upload" target="uf-frame" encoding="multipart/form-data" enctype="multipart/form-data">
											<input id="uf-input-upload" type="file" />
										</form>
										<iframe id="uf-frame" name="uf-frame" src="" style="visibility:hidden;height: 0;border: 0;"></iframe>
									</div>
									<div class="uf-file-list" data-delUrl="url">
										<p>广州血液中心.doc
											<a href="javascript:;">[删除]</a>
										</p>
										<p>广州血液中心.doc
											<a href="javascript:;">[删除]</a>
										</p>
									</div>
								</div>
							</td>
						</tr>
						<tr>
							<td>领导审批意见</td>
							<td colspan="3"></td>
						</tr>
					</tbody>
				</table>

			</div>
			<div id="tab-table2" class="form-table-bottom form-table">
				<table class="table table-bordered">
					<tbody>
						<tr>
							<td>备注</td>
							<td colspan="3">
								<textarea class="form-control" rows="3"></textarea>
							</td>
						</tr>
						<tr>
							<td>附件</td>
							<td colspan="3">
								<div class="upload-file">
									<div class="uf-button">
										<button id="uf-btn-upload2" class="btn btn-default"><span class="glyphicon glyphicon-plus"></span>添加</button>
										<form id="uf-form2" method="post" action="/upload" target="uf-frame2" encoding="multipart/form-data" enctype="multipart/form-data">
											<input id="uf-input-upload2" type="file" />
										</form>
										<iframe id="uf-frame2" name="uf-frame2" src="" style="visibility:hidden;height: 0;border: 0;"></iframe>
									</div>
									<div class="uf-file-list" data-delUrl="url">
										<p>广州血液中心.doc
											<a href="javascript:;">[删除]</a>
										</p>
										<p>广州血液中心.doc
											<a href="javascript:;">[删除]</a>
										</p>
									</div>
								</div>
							</td>
						</tr>
						<tr>
							<td colspan="4">
								<button class="btn btn-default btn-sm">保存</button>
								<button class="btn btn-default btn-sm">打印</button>
							</td>
						</tr>
					</tbody>
				</table>

			</div>
		</div>
		<!--模态框-->
		<div id="modal" class="modal fade bs-example-modal-lg" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel">
			<div class="modal-dialog modal-lg" role="document">
				<div class="modal-content">
					<div class="modal-body">
						<!--填报实施计划-->
						<iframe id="modal-iframe" src=""></iframe>
					</div>
					<div class="modal-footer">
						<button id="m-btn-sure" type="button" class="btn btn-primary">
							保存
						</button>
						<button type="button" class="btn btn-default" data-dismiss="modal">
							关闭
						</button>
					</div>
				</div>
			</div>
		</div>
		<!--模态框end-->
		<script type="text/javascript" src="../../vendor/jquery1.9.min.js"></script>
		<script type="text/javascript" src="../../vendor/bootstrap-3.3.7/js/bootstrap.min.js"></script>
		<!--[if IE 8 ]>
			script type="text/javascript" src="../../vendor/es5-shim/es5-shim.min.js"></script>
			<script type="text/javascript" src="../../vendor/es5-shim/es5-sham.min.js"></script>
		 <![endif]-->
		<script type="text/javascript" src="../../vendor/template-web-min.js"></script>
		<script type="text/javascript" src="../../vendor/jquery.my-message/js/jquery.my-message.1.1.js"></script>
		<script type="text/javascript" src="../../js/public.js"></script>
		<script type="text/javascript" charset="utf-8" src="../../vendor/ueditor-1.4.3.3/dist/utf8-jsp/ueditor.config.js"></script>
		<script type="text/javascript" charset="utf-8" src="../../vendor/ueditor-1.4.3.3/dist/utf8-jsp/ueditor.all.min.js">
		</script>
		<!--建议手动加在语言，避免在ie下有时因为加载语言失败导致编辑器加载失败-->
		<!--这里加载的语言文件会覆盖你在配置项目里添加的语言类型，比如你在配置项目里配置的是英文，这里加载的中文，那最后就是中文-->
		<script type="text/javascript" charset="utf-8" src="../../vendor/ueditor-1.4.3.3/dist/utf8-jsp/lang/zh-cn/zh-cn.js"></script>
		<script>
			var winH = window.screen.height,
				winW = window.screen.width;
			$(".ft-b-r-b-left").on("click", "button", function() {
				window.open('../public/submitToDealWith.html', '提交办理', 'height=503, width=760, top=' + (winH - 503) / 2 + ', left=' + (winW - 760) / 2 + ', toolbar=no, menubar=no, scrollbars=no, resizable=no,location=no, status=no')
			});
			//查看流程图
			$("#readFliwImg").on("click", function() {
				window.open('../public/flowImg.html', '查看流程图', 'height=525, width=840, top=' + (window.screen.height - 525) / 2 + ', left=' + (window.screen.width - 840) / 2 + ', toolbar=no, menubar=no, scrollbars=no, resizable=no,location=no, status=no')
			});
			//初始化富文本框
			var ue = UE.getEditor('editor');
			//获取html
			//UE.getEditor('editor').getAllHtml();
			var ue2 = UE.getEditor('editor2');
			//标签页切换
			$('.nav-tabs').on('click', 'a', function(e) {
				var $a_href = $(this).attr('href');
				if($a_href == '#effect-analysis') {
					$('#tab-table1').hide();
					$('#tab-table2').show();
				} else {
					$('#tab-table1').show();
					$('#tab-table2').hide();
				}
			});
			//填报按钮
			$('.btn-fill').on('click', function() {
				$('#modal-iframe').attr('src', 'projectProgressReportForm.html');
				$('#modal').modal('show');
			});
		</script>
	</body>

</html>